<template>
  <page class="product-execu-orderlist">
    <p-tabs v-model="tab">
      <p-tab-pane key="schedule" tab="排班人员信息">
        <order-schedule :id="id" :station-code="stationCode" />
      </p-tab-pane>
      <p-tab-pane key="process" tab="工序加工记录">
        <order-process :id="id" :station-code="stationCode" />
      </p-tab-pane>
      <p-tab-pane key="material" tab="工序物料信息">
        <order-material :id="id" />
      </p-tab-pane>
    </p-tabs>
  </page>
</template>

<script>
import Page from './page'

export default {
  components: {
    Page,
    OrderSchedule: () => import('./order-schedule'),
    OrderProcess: () => import('./order-process'),
    OrderMaterial: () => import('./order-material')
  },
  props: {
    id: String,
    stationCode: String
  },
  data() {
    return {
      tab: 'schedule'
    }
  }
}
</script>

<style lang="less">
.product-execu {
  &-orderlist {
    flex: 1;
    padding-top: 0;
    margin-top: 15px;
    overflow: auto;
  }
}
</style>
